import { StyleSheet } from 'react-native';

export default StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#fff',
    },
    titleStyle: {
        display: 'flex',
        flexDirection: 'row',
        justifyContent: 'space-between',
    },
    leftStyle: {
        fontSize: 20,
        color: '#000',
        fontWeight: 'bold',
    },
    rightStyle: {
        borderRadius: 27,
        fontSize: 14,
        width: 78,
        height: 27,
        backgroundColor: 'rgb(241,241,241)',
    },
    rightTextStyle: {
        color: '#2c2c2c',
        lineHeight: 27,
        textAlign: 'center',
    },
    bottomStyle: {
        marginTop: 10,
        color: 'rgb(199,199,199)',
        fontSize: 16,
    },
    imgStyle: {
        width: 16,
        height: 16,
        marginTop: 10,
    },
    rightBottomTextStyle: {
        marginTop: 10,
        color: 'rgb(199,199,199)',
    },
    imgScroll: {
        marginTop: 20,
    },
    img: {
        marginRight: 10,
        height: 240,
        width: 138,
        marginTop: 20,
    },
    titleStyleLeftContainer: {
        flexDirection: 'row',
        alignItems: 'center',
    },
    avatar: {
        width: 30,
        height: 30,
        borderRadius: 15,
        marginRight: 5,
    },
});
